<template>
	<view>
		<view class="flexClsNowrapSpcBtw bg-white border-bottom" style="margin-top:10px; padding:15px"><span
				style="font-weight: bold;">订单名称</span><span>代跑腿，全城使命必达</span></view>
		<view class="flexClsNowrapSpcBtw bg-white border-bottom" style=" padding:15px"><span
				style="font-weight: bold;">退款金额</span><span style="font-weight: bold;">¥20.00</span></view>
		<view class="bg-white" style="margin-top:10px;padding: 10px 15px;">
			<span style="color:#F55959">*</span><text class="font-weight-bold">退款原因</text>
			<textarea
				style="box-sizing: border-box; padding: 10px; background: #F2F3F5;border-radius: 6px;width: 345px;display: block;height: 120px;font-size: 14px;margin-top: 10px;"
				name="" id="" placeholder="请填写退款原因备份"></textarea>
			<view style="margin-top: 10px;" class="flex">
				<u-upload :fileList="fileList5" @afterRead="afterRead" @delete="deletePic" name="5" multiple
					:maxCount="3">
				</u-upload>
				<text style="padding: 10px; color:#999999">最多上传3张图片</text>
			</view>

		</view>
		<view class="position-fixed bottom-0" style="background: #ffffff;padding: 9px 11px;">
			<view style="width: 351px;
		height: 42px;
		background: linear-gradient(180deg, #76D904 0%, #417505 100%);
		border-radius: 22px;font-size: 16px;color: #FFFFFF;line-height: 42px;text-align: center;">
				提交申请
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value1: '',
				fileList5: [],
			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		background: #F4F4F4;
	}
</style>
